<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>放京东</title>
		<script src="js/mui.js"></script>
		
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/mystyle.css"/>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	
	</head>

	<body>
		<header class="mui-bar mui-bar-transparent maginTop"  >
			<div class="searchdiv">
					<span><img src="img/icon/jd.png" /></span>
					<input type="text"  placeholder="abc"/>
				</div>
				<span class="mui-pull-right"><a href="#">登陆</a></span>
		</header>
		
		
		<div class="mui-content" style="background-color: #fff;">
			<!--轮播组件-->
			<div id="slider1" class="mui-slider">

				<div class="mui-slider-group mui-slider-loop">
					<!--最后一张图片-->

					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="img/saber3.jpg" alt="" />
						</a>
					</div>
					<!--第一张图片-->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="img/sabernew1.jpg" alt="" />
						</a>
						<p class="mui-slider-title">这是第一张</p>
					</div>
					<!--第二张图片-->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="img/saber2.jpg" alt="" />
						</a>
						<p class="mui-slider-title">这是第二张</p>
						<!--第3张图片-->
					</div>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="img/saber3.jpg" alt="" />
						</a>
						<p class="mui-slider-title">这是第三张</p>
					</div>
					<!--轮播第一张图片-->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="">
							<img src="img/sabernew1.jpg" alt="" />
						</a>
					</div>

				</div>
				<!--/mui-slider-group-->
				<!--小圆点按钮-->

				<div class="mui-slider-indicator">
					<div class=" mui-indicator mui-active"></div>
					<div class=" mui-indicator"></div>
					<div class=" mui-indicator"></div>
				</div>

			</div>
			<!--/#slider-->
			<!--广告-->
			<div class="guanggao" >
				<a href="#">
					<img src="img/icon/guanggao.jpg" width="100%" alt="" />
				</a>

			</div>
			<!--小图标列表-->
			<div id="list-leibiao" class="mui-slider">
				<div class="mui-slider-group">
					<ul class="mui-table-view mui-slider-item">
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img  src="img/icon/images/chaoshi.png" alt="超市" />
								<p>京东超市</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/haiwai.png" alt="全球购" />
								<p>全球购</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/yifu.png" alt="超市" />
								<p>服装城</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/shengxian.png" alt="生鲜" />
								<p>京东生鲜</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/xiaoshi.png" alt="京东到家" />
								<p>京东到家</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/chongzhi.png" alt="充值缴费" />
								<p>充值缴费</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/dou.png" alt="领京豆" />
								<p>领京豆</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/juan.png" alt="领卷" />
								<p>领卷</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/qian.png" alt="qian" />
								<p>惠赚钱</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/wuliu.gif" alt="京东到家" />
								<p>物流查询</p>
							</a>
						</li>

					</ul>
					<ul class="mui-table-view mui-slider-item">
						<li class="mui-table-view-cell list-item">

							<a class="list-item-a" href="#">
								<img src="img/icon/images/haiwai.png" alt="全球购" />
								<p>全球购</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/chaoshi.png" alt="超市" />
								<p>京东超市</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/yifu.png" alt="超市" />
								<p>服装城</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/shengxian.png" alt="生鲜" />
								<p>京东生鲜</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/xiaoshi.png" alt="京东到家" />
								<p>京东到家</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/chongzhi.png" alt="充值缴费" />
								<p>充值缴费</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/dou.png" alt="领京豆" />
								<p>领京豆</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/juan.png" alt="领卷" />
								<p>领卷</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/qian.png" alt="qian" />
								<p>惠赚钱</p>
							</a>
						</li>
						<li class="mui-table-view-cell list-item">
							<a class="list-item-a" href="#">
								<img src="img/icon/images/wuliu.gif" alt="京东到家" />
								<p>物流查询</p>
							</a>
						</li>

					</ul><!--第二页ul表-->
				</div>  <!--slider-group-->
				<!--圆点按钮-->
				<div class="mui-slider-indicator list-fanye">
					<div class=" mui-indicator mui-active"></div>
					<div class=" mui-indicator"></div>

				</div>

			</div><!--/list-leibiao-->
			
			<!--广告2-->			
			<div >
				<a href="#">
					<img src="img/icon/guanggao2.jpg" width="100%" alt="" />
				</a>
			</div>
			<!--京东快报-->
			<div class="row row1 mui-clearfix">
				<div class="kuaibaodiv">
					<span class="kuaibao1"></span>
					<p><span class="wenzispan">&nbsp;&nbsp;HOT</span>父亲节， 5折3c送爸爸！</p>
					<span class="genduo"><a href="#">更多</a></span>
				</div>
			</div>
			<div class="miaoshacont">
				<div  class="miaosha_title mui-clearfix">
					<div class="ms_title_left">
						<img src="img/icon/miaosha.jpg" alt="miaosha" />
					</div>
					<div class="ms_title_center">
						12点场
						<span class="ms_center_shijian">00</span>：
						<span class="ms_center_shijian">42</span>：
						<span class="ms_center_shijian">35</span>
					</div>
					<div class="ms_title_right">
						<a href="#">618疯狂秒杀</a>
					</div>
				</div>
				<div id="scroll1" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll mui-clearfix">
						<ul class="mui-table-view mui-slider-item miaosha_ul">
							<li class="list-item">
								<a class="list-ltem-A" href="#">
									<img src="img/icon/images/jitong1.gif" alt="1" />
									<p class="p1"><span>￥</span>99</p>
									<p class="p2"><span>￥</span>199</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong2.gif" alt="1" />
									<p class="p1"><span>￥</span>399</p>
									<p class="p2"><span>￥</span>599</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong3.gif" alt="1" />
									<p class="p1"><span>￥</span>7288</p>
									<p class="p2"><span>￥</span>7988</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong2.gif" alt="1" />
									<p class="p1"><span>￥</span>399</p>
									<p class="p2"><span>￥</span>599</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong3.gif" alt="1" />
									<p class="p1"><span>￥</span>7288</p>
									<p class="p2"><span>￥</span>7988</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong2.gif" alt="1" />
									<p class="p1"><span>￥</span>399</p>
									<p class="p2"><span>￥</span>599</p>
								</a>
							</li>
							<li class="list-item">
								<a class="list-item-A" href="#">
									<img src="img/icon/images/jitong3.gif" alt="1" />
									<p class="p1"><span>￥</span>7288</p>
									<p class="p2"><span>￥</span>7988</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="tupianlist">
				<div class="guanggao3">
					<a href="#">
						<img src="img/icon/images/guanggao3.gif" alt="3"  width="100%"/>
					</a>					
				</div>
				<ul class="noneUL mui-clearfix">
					<li class="tp-list-item "><a href="#"><img src="img/icon/images/listp-1.gif" alt="" /></a></li>
					<li class="tp-list-item "><a href="#"><img src="img/icon/images/listp-2.gif" alt="" /></a></li>
					<li class="tp-list-item "><a href="#"><img src="img/icon/images/listp-3.gif" alt="" /></a></li>
					<li class="tp-list-item "><a href="#"><img src="img/icon/images/listp-4.gif" alt="" /></a></li>
				</ul>
				<!--tupianlist-->
				<ul class="noneUL bgc-red mui-clearfix">
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">全球大牌</h3>
						<img src="img/icon/images/dapai.gif"  alt=""  />
						<p class="quanqiu-p">亿万红包速抢</p>
						
					</a></li>
					
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">纸巾清洁</h3>
						<img src="img/icon/images/zhijin.gif"  alt="12"  />
						<p class="quanqiu-p">每满99减50</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">电脑配件</h3>
						<img src="img/icon/images/peijian.gif"  alt=""  />
						<p class="quanqiu-p">低至5折</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">感恩回馈</h3>
						<img src="img/icon/images/shouji.gif"  alt="11"  />
						<p class="quanqiu-p">手机低至5折秒</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">饮料食品</h3>
						<img src="img/icon/images/yinliao.gif"  alt="11"  />
						<p class="quanqiu-p">买二送一</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">进口商品</h3>
						<img src="img/icon/images/jinkou.gif"  alt="11"  />
						<p class="quanqiu-p">低至99减50</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">母婴玩具</h3>
						<img src="img/icon/images/muyin.gif"  alt="11"  />
						<p class="quanqiu-p">尖货1元疯抢</p>
						
					</a></li>
					<li class="quanqiu-item"><a  href="#">
						
						<h3 class="quanqiu-title">天天秒杀</h3>
						<img src="img/icon/images/san.gif"  alt="11"  />
						<p class="quanqiu-p">抢1元好货</p>
						
					</a></li>
				</ul>
				<!--发现好货-->
				<ul class="noneUL mui-clearfix">
						<li class="faxian1">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">发现好货</h3>
									<p class="faxian-p">发现品质好货</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/bao.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian2">
							<a href="#">								
									<h3 class="faxian-title">排行榜</h3>
									<p class="faxian-p">网罗全民挚爱</p>								
									<img src="img/icon/images/shouji2.gif"  alt="11"  />															
							</a>
						</li>
						<li class="faxian2">
							<a href="#">								
									<h3 class="faxian-title">闪购</h3>
									<p class="faxian-p">天天换大牌</p>								
									<img src="img/icon/images/shouji3.gif"  alt="11"  />															
							</a>
						</li>
					</ul><!--发现好货ul-->
					<!--爱生活部分-->
					<div id="">
						<img src="img/icon/images/aishenghuo.png"  alt="" />
					</div>
					<ul class="noneUL mui-clearfix">
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">玩3c</h3>
									<p class="faxian-p">iPhone 超低价</p>
									<p class="faxian-pbgc">更多优惠GO！</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/3c.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">京东家电</h3>
									<p class="faxian-p">十年包修金卡</p>
									<p class="faxian-pbgc">反场也给力</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/jiadian.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">京东超市</h3>
									<p class="faxian-p">爆款直降</p>
									<p class="faxian-pbgc">领卷满99减50</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/you.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">爱家</h3>
									<p class="faxian-p">满300减50</p>
									
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/pen.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱宝宝</h3>
									<p class="faxian-p">抢卷199-100</p>																	
									<img src="img/icon/images/images/naifen1.gif"  alt="11"  />																					
							</a>
						</li>
						
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱美丽</h3>
									<p class="faxian-p">每满199-100</p>																	
									<img src="img/icon/images/images/kouhong2.gif"  alt="11"  />																					
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱吃</h3>
									<p class="faxian-p">水饮299-150</p>																	
									<img src="img/icon/images/images/naifen1.gif"  alt="11"  />																					
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱穿搭</h3>
									<p class="faxian-p">T桖放肆购</p>																	
									<img src="img/icon/images/images/yifu4.gif"  alt="11"  />					
									<span class="bg-icon">抢61 . 8</span>
							</a>
						</li>
					</ul>
					<!--爱生活部分轮播图-->
					<div id="slider2" class="mui-slider" >
					  <div class="mui-slider-group mui-slider-loop">
					    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					    <div class="mui-slider-item mui-slider-item-duplicate">
					      <a href="#">
					        <img src="img/icon/aishenghuoad2.png">
					      </a>
					    </div>
					    <!-- 第一张 -->
					    <div class="mui-slider-item">
					      <a href="#">
					        <img src="img/icon/aishenghuoad1.jpg">
					      </a>
					    </div>
					    <!-- 第二张 -->
					    <div class="mui-slider-item">
					      <a href="#">
					        <img src="img/icon/aishenghuoad2.png">
					      </a>
					    </div>
					   
					    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					    <div class="mui-slider-item mui-slider-item-duplicate">
					      <a href="#">
					         <img src="img/icon/aishenghuoad1.jpg">
					      </a>
					    </div>
					  </div>
					  <div class="mui-slider-indicator slidersetbottom">
					    <div class="mui-indicator mui-active"></div>
					    <div class="mui-indicator"></div>					    
					  </div>
					</div>
					<div id="">
						<img src="img/icon/images/aishenghuo.png"  alt="" />
					</div>
					<ul class="noneUL mui-clearfix">
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">玩3c</h3>
									<p class="faxian-p">iPhone 超低价</p>
									<p class="faxian-pbgc">更多优惠GO！</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/3c.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">京东家电</h3>
									<p class="faxian-p">十年包修金卡</p>
									<p class="faxian-pbgc">反场也给力</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/jiadian.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">京东超市</h3>
									<p class="faxian-p">爆款直降</p>
									<p class="faxian-pbgc">领卷满99减50</p>
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/you.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian1 setHeight">
							<a  class=" mui-row" href="#">
								<div class="mui-col-xs-6">
									<h3 class="faxian-title">爱家</h3>
									<p class="faxian-p">满300减50</p>
									
								</div>
								<div class="mui-col-xs-6">
									<img src="img/icon/images/pen.gif"  alt="11"  />
								</div>																		
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱宝宝</h3>
									<p class="faxian-p">抢卷199-100</p>																	
									<img src="img/icon/images/images/naifen1.gif"  alt="11"  />																					
							</a>
						</li>
						
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱美丽</h3>
									<p class="faxian-p">每满199-100</p>																	
									<img src="img/icon/images/images/kouhong2.gif"  alt="11"  />																					
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱吃</h3>
									<p class="faxian-p">水饮299-150</p>																	
									<img src="img/icon/images/images/naifen1.gif"  alt="11"  />																					
							</a>
						</li>
						<li class="faxian2 setborderBOTTOM">
							<a href="#">								
									<h3 class="faxian-title">爱穿搭</h3>
									<p class="faxian-p">T桖放肆购</p>																	
									<img src="img/icon/images/images/yifu4.gif"  alt="11"  />					
									<span class="bg-icon">抢61 . 8</span>
							</a>
						</li>
					</ul>
					<!--爱生活部分轮播图-->
					<div id="slider2" class="mui-slider" >
					  <div class="mui-slider-group mui-slider-loop">
					    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					    <div class="mui-slider-item mui-slider-item-duplicate">
					      <a href="#">
					        <img src="img/icon/aishenghuoad2.png">
					      </a>
					    </div>
					    <!-- 第一张 -->
					    <div class="mui-slider-item">
					      <a href="#">
					        <img src="img/icon/aishenghuoad1.jpg">
					      </a>
					    </div>
					    <!-- 第二张 -->
					    <div class="mui-slider-item">
					      <a href="#">
					        <img src="img/icon/aishenghuoad2.png">
					      </a>
					    </div>
					   
					    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					    <div class="mui-slider-item mui-slider-item-duplicate">
					      <a href="#">
					         <img src="img/icon/aishenghuoad1.jpg">
					      </a>
					    </div>
					  </div>
					  <div class="mui-slider-indicator slidersetbottom">
					    <div class="mui-indicator mui-active"></div>
					    <div class="mui-indicator"></div>					    
					  </div>
					</div>
	
			</div><!--tupianlist/div-->
			<!--为你推荐-->
			<div id="weinituijian">
				<div class="tuijian-top">
					<h5 class="tuijian-title">为您推荐</h5>
				</div>
				<ul class="noneUL mui-clearfix">
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/images/xiangji1.png" alt="" />
							<p class="tuijian-item-p">图缘（Tuyuan） 3-9X40EG 变倍单筒瞄准望远镜观鸟 带是雷锋</p>
							<p class="tuijian-item-p2">￥<span>388</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/xiangji2.jpg" alt="" />
							<p class="tuijian-item-p">这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。</p>
							<p class="tuijian-item-p2">￥<span>39</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/images/xiangji1.png" alt="" />
							<p class="tuijian-item-p">图缘（Tuyuan） 3-9X40EG 变倍单筒瞄准望远镜观鸟 带是雷锋</p>
							<p class="tuijian-item-p2">￥<span>388</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/xiangji2.jpg" alt="" />
							<p class="tuijian-item-p">这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。</p>
							<p class="tuijian-item-p2">￥<span>39</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/images/xiangji1.png" alt="" />
							<p class="tuijian-item-p">图缘（Tuyuan） 3-9X40EG 变倍单筒瞄准望远镜观鸟 带是雷锋</p>
							<p class="tuijian-item-p2">￥<span>388</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/xiangji2.jpg" alt="" />
							<p class="tuijian-item-p">这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。</p>
							<p class="tuijian-item-p2">￥<span>39</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/images/xiangji1.png" alt="" />
							<p class="tuijian-item-p">图缘（Tuyuan） 3-9X40EG 变倍单筒瞄准望远镜观鸟 带是雷锋</p>
							<p class="tuijian-item-p2">￥<span>388</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					<li class="faxian1">
						<a href="#">
							<img src="img/icon/xiangji2.jpg" alt="" />
							<p class="tuijian-item-p">这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。</p>
							<p class="tuijian-item-p2">￥<span>39</span>.00 <a class="xiangsi" href="#slider2">看相识</a></p>
						</a>
					</li>
					
				</ul>
			</div>
				
				
			
		</div><!--/mui-content-->
			<footer class="mui-bar-footer">
				<div class="footer-top">
					<ul class="noneUL mui-clearfix footerlianjie">
						<li class="faxian2"><a href="#">登陆</a><span>|</span></li>
						<li class="faxian2"><a href="#">注册</a><span>|</span></li>
						<li class="faxian2"><a href="#">反馈</a><span>|</span></li>
						<li class="faxian2"><a href="#">回到顶部</a></li>
					</ul>
					<ul class="noneUL mui-clearfix footerlianjie banben">
						<li class="footeritem"><a href="#">
							<img src="img/icon/images/app.gif" alt="" />
							<p class="banbenp1">客户端</p>
						</a></li>
						<li class="footeritem"><a href="#">
							<img src="img/icon/images/wangye.gif" alt="" />
							<p class="banbenp2">触屏版</p>
						</a></li>
						<li class="footeritem"><a href="#">
							<img src="img/icon/images/diannao1.gif" alt="" />
							<p class="banbenp3">电脑版</p>
						</a></li>						
					</ul>
					
					<p class="footerbottom">Copyright©2004-2017 xxxxxx 版权所有</p>
					
				</div>
			</footer>
			<nav id="navfooter" class="mui-bar mui-bar-tab">
			    <a id="zhiding" class="mui-tab-item mui-active">
			        <span class="mui-icon "><img src="img/icon/images/images/zhiding.gif" alt="" /></span>
			        <span class="mui-tab-label">置顶</span>
			    </a>
			    <a class="mui-tab-item">
			        <span class="mui-icon">
			        	<img src="img/icon/images/images/fenlei.gif" alt="" />
			        </span>
			        <span class="mui-tab-label">分类</span>
			    </a>
			    <a class="mui-tab-item">
			        <span class="mui-icon">
			        	<img src="img/icon/images/images/faxian.gif" alt="" />
			        </span>
			        <span class="mui-tab-label">发现</span>
			    </a>
			    <a class="mui-tab-item">
			        <span class="mui-icon">
			        	<img src="img/icon/images/images/gouwuche.gif" alt="" />
			        </span>
			        <span class="mui-tab-label">购物车</span>
			    </a>
			    <a class="mui-tab-item">
			        <span class="mui-icon">
			        	<img src="img/icon/images/images/wode.gif" alt="" />
			        </span>
			        <span class="mui-tab-label">我的</span>
			    </a>
			</nav>
		
				

<script type="text/javascript">
			/*rem布局*/
			 (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                console.log(clientWidth);
                if (!clientWidth) return;
                if(clientWidth>=640){
                    docEl.style.fontSize = 100 * (640 / 1080)+ 'px';
                }else{
                    docEl.style.fontSize = 100 * (clientWidth / 1080)+ 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
		    (function($){
		mui(".mui-scroll-wrapper").scroll({
		bounce: false,//滚动条是否有弹力默认是true
		indicators: false, //是否显示滚动条,默认是true
		});
		
		})(mui);
		(function(){
			mui('#slider2').scroll({
	scrollY: false, //是否竖向滚动		
	deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
		})();
		
		
			var gallery1 = mui(".mui-slider");
			gallery1.slider({
				interval: 3000 //自动轮播周期，若为0则不自动播放，默认为0；
			});
			var zhiding=document.getElementById("zhiding");
			zhiding.addEventListener("tap",function(){
				this.href=scrollTo(0,0);
			})
		</script>
	</body>

</html>